#text-area-left {
float: left;
width: 300px;
height: 300px;
}

#text-area-right {
float: left;
width: 300px;
height: 300px;
}

.bubble-text {
position: relative;
}

.text-bubble-left {
background-image:url('images/bubble_left.jpg');
background-size:cover;
background-repeat: no-repeat;
width:170px;
height:90px;
padding:15px;
float: right;
}

.text-bubble-right {
background-image:url('images/bubble_right.jpg');
background-size:cover;
background-repeat: no-repeat;
width:170px;
height:90px;
padding:15px;
}

#viby-area {
float:left;
margin-top:40px;
margin-left:20px;
}

#feed-container {
float:left;
margin-top:60px;
margin-left:60px;
}

#feed-box {
width:300px;
height:200px;
border:1px solid black;
overflow-y:auto;
}

#input-box {
width:300px;
}

header {
position:absolute;
right:20px;
top:20px;}

section {
position: absolute;
left:20px;
top:40px;}

footer {
position:absolute;
left:120px;
top:350px;}
